diff options
| author | Fuwn <[email protected]> | 2024-04-20 22:12:38 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-20 22:12:38 -0700 |
| commit | c3698263aeb0f6fd85f3d1d2d728ed442f5f713f (patch) | |
| tree | 9f9702ce94cd8947f4e922d7948333b976ee307a /src/routes/user/[user] | |
| parent | feat(User): move BadgeWall to User module (diff) | |
| download | due.moe-c3698263aeb0f6fd85f3d1d2d728ed442f5f713f.tar.xz due.moe-c3698263aeb0f6fd85f3d1d2d728ed442f5f713f.zip | |
feat(user): user parallax image
Diffstat (limited to 'src/routes/user/[user]')
| -rw-r--r-- | src/routes/user/[user]/+page.svelte | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte index 446ca952..b0b4ea8a 100644 --- a/src/routes/user/[user]/+page.svelte +++ b/src/routes/user/[user]/+page.svelte @@ -1,4 +1,5 @@ <script lang="ts"> + import ParallaxImage from './../../../lib/ParallaxImage.svelte'; import { typeSchedule, type ParseResult } from '$lib/Hololive/hololive'; import { user, type User } from '$lib/Data/AniList/user'; import HeadTitle from '$lib/Home/HeadTitle.svelte'; @@ -105,7 +106,11 @@ <div class="card user-grid-content"> <div class="user-grid-avatar"> <a href={`https://anilist.co/user/${userData.name}`} target="_blank"> - <img src={userData.avatar.large} alt="" width="100vw" class="avatar" /> + <ParallaxImage + source={userData.avatar.large} + alternativeText="" + style="border-radius: 8px; width: 6.5em;" + /> </a> </div> @@ -279,10 +284,6 @@ align-items: center; } - .avatar { - border-radius: 8px; - } - .click-item { margin: 0 0.625rem; } |